<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery焦点图片特效_焦点图片特效_jQuery特效_网页特效</title>
<meta http-equiv="keywords" content="jQuery焦点图片特效,焦点图片特效,jQuery特效,网页特效,赣州网站建设,赣州SEO,赣州网络推广" />
<meta http-equiv="description" content="jQuery焦点图片特效,焦点图片特效,jQuery特效,网页特效,赣州网站建设,赣州SEO,赣州网络推广" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/focus-img.js"></script>
<style type="text/css">
body{margin:0; padding:0; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif;}
.focus-img{width:530px; height:240px; margin:0 auto; position:relative; overflow:hidden; border:1px solid #b00;}
.focus-img .img{margin:0; padding:0; position:absolute; top:0; left:0;}
.focus-img ul{height:20px; line-height:20px; text-align:right; position:absolute; bottom:10px; right:10px; list-style-type:none;}
.focus-img ul li{height:20px; line-height:20px; margin:0; padding:0; display:inline;}
.focus-img ul li a{line-height:20px; margin:0; padding:3px 5px; border:1px solid #b00; color:#b00; background:#fff; text-decoration:none; font-weight:bold;}
.focus-img ul li a:hover{color:#fff; background:#b00;}
.focus-img ul .cur a{color:#fff; background:#b00;}
.copy{font-family:Arial, Helvetica, sans-serif;}
</style>
</head>
<body>
您的位置：<a href="http://www.psufool.cn/">jaypha首页</a> &gt; <a href="http://www.psufool.cn/effects/">网页特效</a> &gt; <a href="http://www.psufool.cn/effect/jquery/">jQuery特效</a> &gt; jQuery焦点图片特效
<div class="focus-img">
	<div class="img"><img src="images/01.jpg" /></div>
    <div class="img"><img src="images/02.jpg" /></div>
	<div class="img"><img src="images/01.jpg" /></div>
    <div class="img"><img src="images/02.jpg" /></div>
    <ul>
    	<li class="cur"><a href="javascript:;">1</a></li>
        <li><a href="javascript:;">2</a></li>
    	<li><a href="javascript:;">3</a></li>
        <li><a href="javascript:;">4</a></li>
    </ul>
</div>
<p>代码整理：<a href="http://www.psufool.cn/" target="_blank">jaypha</a>　来源：<a href="http://www.psufool.cn/" target="_blank">jaypha</a></p>
 <p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p>
 <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 <script type="text/javascript" src="js/slide.js"></script>
<div class="google-analytics">
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16427119-1']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<div class="copy">copyright <span class='copy-char'>&copy;</span> 2009-2010 jaypha <a href="http://202.108.212.210/" target="_blank" title="赣ICP备10003852号">赣ICP备10003852号</a></div>
<A href="http://www.alexa.com/siteinfo/psufool.cn"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/a?url=psufool.cn'></SCRIPT></A>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F8886a4bcfd6161a1bd41f39e067bb534' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" src="http://js.tongji.linezing.com/1765482/tongji.js"></script><noscript><a href="http://www.linezing.com"><img src="http://img.tongji.linezing.com/1765482/tongji.gif"/></a></noscript>
</body>
</html>